<script setup>
import headerNav from '../../components/headerNav.vue';
// import leftNav from '../../components/leftNav.vue';
import left from './component/teaLeft.vue';

</script>
<template>
    <el-container class="layout-container-demo" >
        <el-header style=" font-size: 12px">
            <headerNav></headerNav>
        </el-header>
        <el-container>          
        <!-- 侧边栏 -->
            <el-aside width="200px" >
                <left style="position: relative; height: 100%;"></left>
            </el-aside>
        
            <!-- 主要内容 -->
            <el-main style="min-height:100vh">
               <RouterView></RouterView>
            </el-main>
        </el-container>
    </el-container>
</template>
<style scoped>
.layout-container-demo .el-header {
  position: relative;
  background-color:  #545c64;
  color: var(--el-text-color-primary);
}
.layout-container-demo .el-aside {
  color: var(--el-text-color-primary);
  background: #545c64;
}
.layout-container-demo .el-menu {

  border-right: none;
}
/* 
.layout-container-demo .el-menu-item{
  background-color: #545c64;
  color: var(--el-bg-color-#545c64);
} */
</style>